﻿@font-face {
    font-family: 'iconfont';
    /*src: url('//at.alicdn.com/t/font_1470649699_8510287.eot');*/ /* IE9*/
    src: url('../font/font_1470649699_8510287.eot'); /* IE9*/
    /*src: url('//at.alicdn.com/t/font_1470649699_8510287.eot?#iefix') format('embedded-opentype'),*/ /* IE6-IE8 */
    src: url('../font/font_1470649699_8510287.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/font_1470649699_8510287.woff') format('woff'), /* chrome、firefox */
    url('../font/font_1470649699_8510287.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/font_1470649699_8510287.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

@charset "utf-8";
/* CSS Document */
.main{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#f1f1f1; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}

/*header*/
header{ overflow:hidden; width:100%; height:6.35em; background-color: #ffffff;}
header h1{ float:left; overflow:hidden; width:45%; text-align:center; margin-top:8%;}
header h1 img{ width:80%;}
header .wen { width:45%; float:left; padding-left:5%; border-left:1px dotted #ccc; margin-top:5%}
header .wen h2{ font-size:1.167em; color:#297fba;}
header .wen p{ font-size:1em; color:#333;}
header .wen a{ background-size:1em; line-height:1.750em; font-size:1.45em; color:#f67200;  }

/*nav*/
.nav{ overflow:hidden; position:relative; background:#297fba;}
.nav:after{ content: '';position: absolute;top: 100%;left:0;z-index: 9;height: 0;width: 100%;border-bottom: 1px solid #74bbe4;}
.nav li{ float:left; position:relative; width:25%; text-align:center;}
.nav li a{ display:block; font-size:1.167em; color:#fff; padding:1.1em 0;}
.nav li:after{ content: '';position: absolute;top:0;left:-1px;z-index: 9;height:100%;width:0;border-left: 1px solid #74bbe4;}

/*.nav li:active,.nav li:hover{ background-color: #4293d0;}*/


/*banner*/
.banner-box img{width:100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{
    background-color: #ff6600;
}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.Advantage-box{ width: 100%;  padding: 6% 0; }
.Advantage-box li{ width: 20%; overflow: hidden; float: left;  }
.Advantage-box li img{ width: 90%; margin: 0 5%;}

/*产品*/
.tabBox{  width: 96%; margin: 0% 2%; background-color: #ffffff; overflow: hidden;padding-bottom:5%;margin-top: 20px;}
.tabBox .hd{  line-height: 4em; height: 4em; background:#3589cb; position:relative; overflow: hidden; }
.tabBox .hd ul{ position:absolute; top:0; overflow:hidden; width: 100%;  }
.tabBox .hd ul li{ float:left;  color:#ffffff; width: 25%; overflow: hidden; text-align: center;  cursor: pointer;}
.tabBox .hd ul li a{ display:block; font-size:1.167em; color:#fff;border-left: 1px solid #74bbe4;}

.tabBox .hd ul .on{  background:#f67200; color:#ffffff; width: 25%;  }
.tabBox .hd ul .on a{ display:block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */}
.tabBox .bd dl{ }
.tabBox .bd dl dt{padding:4%; padding-top: 30px;  }
.tabBox .bd dl dt img{width: 66%;
    display: block;
    margin: 0 auto;
}
.tabBox .bd dl dd{ }
.tabBox .bd dl dd p{        /* font-size: 0.95em;*/
    color: #999;
    line-height: 1.6em;
    text-align: center;  width: 85%; margin: 0 auto; }
footer{   line-height: 1.4em;  text-align: center; color: #666; margin-bottom: 4.5em;padding: 2em 3em; }

.foot-nav{    background-size: 100%;
    height: 2.8em;
    line-height: 1.8em;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #297fba; z-index: 5;min-width:320px; max-width:640px;}
.foot-nav li{ width: 25%; float: left; text-align: center; padding: 2% 0; }
.foot-nav li a{ color: #ffffff; width: 100%; display: block;}
.foot-nav li i{display: block;color: #ffffff; }
/*.foot-nav li:active,.foot-nav li:hover{ background-color: #4293d0;}*/

#toTop{width: 3em;  height: 3em;  bottom:5.5em;  right:2%;  position:fixed;  cursor:pointer;  zIndex:999999;  background: #f1f1f1; border-radius: 50%; text-align: center; line-height: 3em; border: 1px solid #dedede;}

/*头部*/
.top-box{ background-color: #297fba;overflow:hidden; width:100%; height:5.5em; }
.top-box h1{ float:left; overflow:hidden; width:45%; text-align:center; margin-top:4.3%;}
.top-box h1 img{ width:80%;}
.top-box .wen { width:45%; float:left; padding-left:5%; border-left:1px dotted #ccc; margin-top:5%}
.top-box .wen a{ background-size:1em; line-height:1.750em; font-size:1.45em; color:#fff;  }

/*位置*/
.position-box{    height: 3.5em;
    line-height: 3.5em;
    padding: 0 .687em;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #dedede;
    font-size: 1.125em;
    background-color: #ffffff;}

.position-box i{ color: #ddd;}
#page {  }

.panel {
    display: none;
    background-color: #333;
    color: #fff;
    padding: 4%;
    z-index: 8;
    width: 35%;
    position: fixed;
}
.panel li{ text-align: center; margin-bottom: 6%; }
.panel li a{color: #fff; padding: 1.2em 1em; background-color: #297fba;display: block;}
#close-panel-bt{ width: 4em;height: 4em; background-color: #f67200; display: block; text-align: center; line-height: 4em; position: absolute; left: -4em;}

.nyContent{  margin-top: 1em;padding-bottom: 1em;}
.m-con-2{ margin-bottom: 26px; background-color: #ffffff;}
.m-con-2 a{ display:block;}
.m-con-2 { margin-bottom:26px; }
.m-con-2 dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #dedede; margin-bottom:2px; padding:16px 12px 12px 10px; position:relative; }
.m-con-2 dt { float:left;display:block;border:1px solid #ccc; margin-right:11px; }
.m-con-2 dt img { display:block; float:left;border:1px solid #e2e2e2;}
.m-con-2 h3 { height: 16px; line-height:16px; overflow: hidden; padding-right: 10px;font-size:16px; }
.m-con-2 p { font-size: 12px; height: 65px; line-height: 22px; margin:4% 1% 1% 1%;  overflow: hidden;color:#999999 }
/*.m-con-2 a:active,.m-con-2 a:hover{background-color: #f9f9f9;}*/

.content{margin-top: 1em; padding-bottom: 1em;}
.content .cont_t{padding: 1em; background-color: #ffffff;}
.content .cont_t h1 {
    font-size: 1.4em;
    padding: 10px 0 10px 0;
    color: #333;
    font-weight: bold;
}
.content .cont_t p {
    line-height: 22px;
    color: #999;
    font-size: 1.2em;
   }
.content .cont_c {
    background-color: #ffffff;
    border-top: 1px solid #eee;
    padding: 7% 4% 4% 4%;
    font-size: 1.35em;
    line-height: 2.2em;

}
.content .cont_c img{max-width:100%;}



.ProductTitle {
    background-color: #ffffff;
    line-height: 3em; height: 3em;
    font-size:1.25em;
    background: #f0f0f0;
    color: #333;
    padding: 0 .687em;
    border-bottom: 1px solid #d1d1d1;

}
.ProductTitle span a {
    color: #036fb7;}
.newsList {
    background-color: #ffffff;
    padding: 4% 4% 10% 4%;}
.newsList li {
    font-size: 14px;
    height: 3.5em;
    line-height: 3.5em;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
}
.newsList li a {
    color: #333;
}

.pshow{ text-align: center;}

.productLayout{overflow:hidden; }
.productLayout dl{padding:10px 0; float:left; width:46%; margin:10px 2%; background-color:#fff; overflow:hidden;}
.productLayout dt{text-align:center;}
.productLayout dt img{width:90%;}
.productLayout dd h5{margin:0 5%; height:40px; line-height:16px; font-size:16px; overflow:hidden; margin-top:18px;}
.productLayout dd h5 a{color:#333;}
.productLayout dd p{margin:10px 5% 0 5%; font-size:14px; height:44px; line-height:22px; overflow:hidden; color:#f00;}

/*定制*/
.text-center {
    text-align: center;
}

.customize-box{ width: 96%;
    margin: 0% 2%;
    background-color: #ffffff;
    overflow: hidden;
 padding-bottom: 5%;}

.customize-box h1 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-top: 0;
    padding-top: 30px;
}
.customize-box p {
    font-size: 12px;
    color: #a9a9a9;
}
.customize-box span {
    color: #ec8710;
}
.customize-box ul{ margin: 0 2%; margin-top: 10px;}
.customize-box ul li{ padding: 3% 0; border-bottom: 1px solid #f1f1f1; overflow: auto;}
.customize-box ul li:last-child{ border: none;}
.lf {
    float: left;
    width: 25%;
    height: 80px;
    line-height: 80px;
    text-align: center;
}
.rg {
    float: right;
    width: 75%;
    height: 80px;
}
.rg h2 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 10px 0;
    padding: 0 10px;
}
.rg p {
    font-size: 12px;
    color: #666;
    padding: 0 0 0 10px;
}
.customize-box i {

    font-size: 46px;

}
/*特点*/
.feature-box{

    width: 96%;
    margin: 0% 2%;
    margin-top: 20px;
    background-color: #ffffff;
    overflow: hidden;
    padding-bottom: 5%;
}
.feature-box .text-center h1 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-top: 0;
    padding-top: 30px;
}
.feature-box .text-center p {
    font-size: 12px;
    color: #a9a9a9;
}
.feature-box .text-center span {
    color: #ec8710;
}
.feature-box ul {
    margin: 0 2%;
    margin-top: 10px;
}
.feature-box li P {
    font-size: 12px;
    line-height: 180%;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    color: #666;
}
.feature-box li i {
    font-size: 45px;
    display: block;
    color: #ec8710;
}
.feature-box ul li{ padding: 3% 0; border-bottom: 1px solid #f1f1f1; overflow: auto;}
.feature-box ul li:last-child{ border: none;}
.feature-box .hex{ background-color: #f1f1f1; border-radius: 100%; width: 80px; height: 80px; text-align: center; line-height: 80px; margin:  0 auto;}